li { list-style: none; }

* { padding: 0; margin: 0; }

img { display: block; }

a { text-decoration: none; }

.header { height: 0.88rem; background: rgba(250, 250, 250, 0.9); border-bottom: 1px solid #E4E4E4; padding: 0 0.24rem; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }

.header .header-left { position: absolute; top: 0.2rem; left: 0.24rem; width: 0.48rem; height: 0.48rem; background: url("https://img02.hua.com/m/icon/iconChevronLeft@2x.png") no-repeat center center; -o-background-size: 0.48rem 0.48rem; background-size: 0.48rem 0.48rem; }

.header .header-conter { height: 0.88rem; text-align: center; line-height: 0.88rem; color: #232628; font-size: 0.32rem; }

.header .header-item { width: 0.48rem; height: 0.54rem; display: block; position: absolute; right: 1.08rem; top: 0.2rem; color: #666; }

.header .header-item span { display: block; width: 0.32rem; height: 0.32rem; margin: 0 auto; background: url("https://img02.hua.com/m/icon/chat_icon_new.png") no-repeat center center; -o-background-size: cover; background-size: cover; }

.header .header-item p { height: 0.2rem; font-size: 0.2rem; color: #666; }

.header .header-right { width: 0.48rem; height: 0.48rem; background: url("https://img02.hua.com/m/icon/iconMore@2x.png") no-repeat center center; position: absolute; top: 0.2rem; right: 0.32rem; -o-background-size: 0.48rem 0.48rem; background-size: 0.48rem 0.48rem; }

.nav { height: 0.96rem; padding: 0.1rem 0; -moz-box-sizing: border-box; box-sizing: border-box; border-bottom: 1px solid #E4E4E4; background: #fff; display: none; }

.nav .nav-list { display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.nav .nav-list .nav-item { -webkit-flex: 1; -moz-box-flex: 1; -ms-flex: 1; flex: 1; }

.nav .nav-list .nav-item .nav-a { display: block; margin: 0 auto; width: 0.4rem; height: 0.4rem; background: url("https://img02.hua.com/m/icon/home_icon_new.png") no-repeat center center; -o-background-size: cover; background-size: cover; }

.nav .nav-list .nav-item .nav-b { display: block; margin: 0 auto; width: 0.4rem; height: 0.4rem; background: url("https://img02.hua.com/m/icon/classify_icon_new.png") no-repeat center center; -o-background-size: cover; background-size: cover; }

.nav .nav-list .nav-item .nav-c { display: block; margin: 0 auto; width: 0.4rem; height: 0.4rem; background: url("https://img02.hua.com/m/icon/cart_icon_new.png") no-repeat center center; -o-background-size: cover; background-size: cover; }

.nav .nav-list .nav-item .nav-d { display: block; margin: 0 auto; width: 0.4rem; height: 0.4rem; background: url("https://img02.hua.com/m/icon/my_icon_new.png") no-repeat center center; -o-background-size: cover; background-size: cover; }

.nav .nav-list .nav-item p { height: 0.32rem; font-size: 0.2rem; margin-top: 0.06rem; color: #494949; text-align: center; line-height: 0.32rem; }

.active { display: block; }

.container { background-color: #fff; }

.container .con { height: 12.2rem; background: url("https://img02.hua.com/zhuanti/sumptuousflower/m/bg.png") no-repeat center center; -o-background-size: cover; background-size: cover; }

.container .con .banner { position: relative; background-color: rgba(0, 0, 0, 0.6); height: 100%; color: #fff; }

.container .con .banner .banner-title { height: 2.92rem; padding-top: 1.4rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.container .con .banner .banner-title div { width: 3.6rem; height: 0.84rem; margin: 0 auto; background: url("https://img02.hua.com/zhuanti/sumptuousflower/pc/bannertitle.png") no-repeat center center; -o-background-size: contain; background-size: contain; }

.container .con .banner .banner-title p { height: 0.44rem; text-align: center; line-height: 0.44rem; margin-top: 0.24rem; font-size: 0.32rem; font-weight: 600; }

.container .con .banner .banner-desc { height: 0.38rem; margin-top: 0.48rem; font-size: 0.28rem; line-height: 0.38rem; position: relative; text-align: center; }

.container .con .banner .banner-desc p::after { content: ''; width: 6.3rem; height: 0.02rem; background-color: #fff; position: absolute; bottom: 140%; left: 0.6rem; }

.container .con .banner .banner-desc p::before { content: ''; width: 6.3rem; height: 0.02rem; background-color: #fff; position: absolute; top: 140%; left: 0.6rem; }

.container .con .banner .banner-item { width: 64%; height: 1.84rem; margin: 0 auto; }

.container .con .banner .banner-item .banner-a { height: 0.4rem; background: url("https://img02.hua.com/zhuanti/sumptuousflower/m/iconflower.png") left center no-repeat; padding-left: 0.64rem; -o-background-size: 0.4rem; background-size: 0.4rem; line-height: 0.4rem; font-size: 0.24rem; color: #fff; margin-top: 2rem; }

.container .con .banner .banner-item .banner-b { height: 0.4rem; background: url("https://img02.hua.com/zhuanti/sumptuousflower/m/iconcamera.png") left center no-repeat; padding-left: 0.64rem; -o-background-size: 0.4rem; background-size: 0.4rem; line-height: 0.4rem; font-size: 0.24rem; color: #fff; margin-top: 0.32rem; }

.container .con .banner .banner-item .banner-c { height: 0.4rem; background: url("https://img02.hua.com/zhuanti/sumptuousflower/m/iconchat.png") left center no-repeat; padding-left: 0.64rem; -o-background-size: 0.4rem; background-size: 0.4rem; line-height: 0.4rem; font-size: 0.24rem; color: #fff; margin-top: 0.32rem; }

.container .ta { background-color: #696C6F; padding: 0 0.48rem 0.32rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.container .ta .ta-title { height: 1.34rem; padding: 0.48rem 0; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.28rem; text-align: center; color: #fff; }

.container .ta .ta-conter .ta-item { display: block; height: 11.6rem; }

.container .ta .ta-conter .ta-item .ta-top { height: 8.72rem; width: 100%; }

.container .ta .ta-conter .ta-item .ta-top img { height: 8.72rem; width: 100%; }

.container .ta .ta-conter .ta-item .ta-bottom { background-color: #494949; padding: 0.32rem 0.16rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.container .ta .ta-conter .ta-item .ta-bottom .ta-in { height: 0.96rem; border-left: 4px solid #BCBCBC; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.container .ta .ta-conter .ta-item .ta-bottom .ta-in .in-left { height: 0.96rem; padding: 0.08rem 0 0 0.24rem; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; }

.container .ta .ta-conter .ta-item .ta-bottom .ta-in .in-left p { height: 0.32rem; font-size: 0.24rem; line-height: 0.32rem; }

.container .ta .ta-conter .ta-item .ta-bottom .ta-in .in-left div { height: 0.48rem; margin-top: 0.08rem; line-height: 0.48rem; font-size: 0.36rem; }

.container .ta .ta-conter .ta-item .ta-bottom .ta-in .in-left div span { margin-left: 0.2rem; font-size: 0.24rem; line-height: 0.32rem; }

.container .ta .ta-conter .ta-item .ta-bottom .ta-in .in-right { background-color: #232323; width: 0.96rem; height: 0.96rem; padding: 0.08rem 0; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; }

.container .ta .ta-conter .ta-item .ta-bottom .ta-in .in-right p { height: 0.32rem; font-size: 0.24rem; line-height: 0.32rem; letter-spacing: 0.04rem; text-align: center; }

.container .ta .ta-conter .ta-item .ta-bottom .ta-in .in-right div { text-align: center; height: 0.52rem; font-size: 0.4rem; line-height: 0.52rem; }

.container .ta .ta-conter .ta-item .ta-bottom .ta-fo { color: #BCBCBC; font-size: 0.24rem; padding: 0.24rem 0 0.08rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.container .ta .ta-conter .ta-item:last-of-type { margin-bottom: 0; height: 11.28rem; }

.container .ta .ta-conter .ta-items { display: block; height: 5.83rem; margin-bottom: 0.32rem; }

.container .ta .ta-conter .ta-items .ta-top { height: 3.27rem; width: 100%; }

.container .ta .ta-conter .ta-items .ta-top img { height: 3.27rem; width: 100%; }

.container .ta .ta-conter .ta-items .ta-bottom { height: 2.56rem; background-color: #494949; margin: 0.32rem 0.16rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.container .ta .ta-conter .ta-items .ta-bottom .ta-in { height: 0.96rem; border-left: 4px solid #BCBCBC; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.container .ta .ta-conter .ta-items .ta-bottom .ta-in .in-left { height: 0.96rem; padding: 0.08rem 0 0 0.24rem; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; }

.container .ta .ta-conter .ta-items .ta-bottom .ta-in .in-left p { height: 0.32rem; font-size: 0.24rem; line-height: 0.32rem; }

.container .ta .ta-conter .ta-items .ta-bottom .ta-in .in-left div { height: 0.48rem; margin-top: 0.08rem; line-height: 0.48rem; font-size: 0.36rem; }

.container .ta .ta-conter .ta-items .ta-bottom .ta-in .in-left div span { margin-left: 0.2rem; font-size: 0.24rem; line-height: 0.32rem; }

.container .ta .ta-conter .ta-items .ta-bottom .ta-in .in-right { background-color: #232323; width: 0.96rem; height: 0.96rem; padding: 0.08rem 0; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; }

.container .ta .ta-conter .ta-items .ta-bottom .ta-in .in-right p { height: 0.32rem; font-size: 0.24rem; line-height: 0.32rem; letter-spacing: 0.04rem; text-align: center; }

.container .ta .ta-conter .ta-items .ta-bottom .ta-in .in-right div { text-align: center; height: 0.52rem; font-size: 0.4rem; line-height: 0.52rem; }

.container .ta .ta-conter .ta-items .ta-bottom .ta-fo { height: 1.12rem; color: #BCBCBC; font-size: 0.24rem; padding: 0.24rem 0 0.08rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.container .iner { background-color: #F6F6F6; padding: 0 0.48rem 0.32rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.container .iner .iner-title { height: 1.34rem; padding: 0.48rem 0; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.28rem; text-align: center; color: #232323; }

.container .iner .inner-last .ta-item { display: block; margin-bottom: 0.32rem; }

.container .iner .inner-last .ta-item .ta-top { height: 8.72rem; width: 100%; }

.container .iner .inner-last .ta-item .ta-top img { height: 8.72rem; width: 100%; }

.container .iner .inner-last .ta-item .ta-bottom { background-color: #fff; padding: 0.32rem 0.16rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.container .iner .inner-last .ta-item .ta-bottom .ta-in { height: 0.96rem; border-left: 4px solid #777777; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }

.container .iner .inner-last .ta-item .ta-bottom .ta-in .in-left { height: 0.96rem; padding: 0.08rem 0 0 0.24rem; -moz-box-sizing: border-box; box-sizing: border-box; color: #232323; }

.container .iner .inner-last .ta-item .ta-bottom .ta-in .in-left p { height: 0.32rem; font-size: 0.24rem; line-height: 0.32rem; }

.container .iner .inner-last .ta-item .ta-bottom .ta-in .in-left div { height: 0.48rem; margin-top: 0.08rem; line-height: 0.48rem; font-size: 0.36rem; }

.container .iner .inner-last .ta-item .ta-bottom .ta-in .in-right { background-color: #232323; width: 0.96rem; height: 0.96rem; padding: 0.08rem 0; -moz-box-sizing: border-box; box-sizing: border-box; color: #fff; }

.container .iner .inner-last .ta-item .ta-bottom .ta-in .in-right p { height: 0.32rem; font-size: 0.24rem; line-height: 0.32rem; letter-spacing: 0.04rem; text-align: center; }

.container .iner .inner-last .ta-item .ta-bottom .ta-in .in-right div { text-align: center; height: 0.52rem; font-size: 0.4rem; line-height: 0.52rem; }

.container .iner .inner-last .ta-item .ta-bottom .ta-fo { color: #777777; font-size: 0.24rem; padding: 0.24rem 0 0.08rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.container .iner .inner-last .ta-item:last-of-type { margin-bottom: 0; }

.go { width: 0.72rem; height: 0.72rem; border-radius: 50%; border: 1px solid #999; background-color: #FFF; opacity: .8; position: fixed; bottom: 1.2rem; right: 0.3rem; cursor: pointer; }

.go p { width: 0.48rem; height: 0.48rem; background: url("https://img02.hua.com/m/icon/arrow_Top.png") no-repeat center; -o-background-size: contain; background-size: contain; margin: 0.12rem auto; }

.chat { display: none; width: 100%; height: 12.14rem; background-color: #fff; position: fixed; left: 0; bottom: 0; }

.chat .chat-top { height: 1.2rem; background-color: #ff6600; padding: 0.2rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; -webkit-justify-content: space-between; -moz-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -moz-box-sizing: border-box; box-sizing: border-box; }

.chat .chat-top .chat-ber { line-height: 0.28rem; font-size: 0.28rem; color: #fff; }

.chat .chat-top .chat-sj { font-size: 0.4rem; color: #fff; }

.chat .chat-bottom { height: 10.94rem; }

.chat .chat-bottom .btn-top { height: 9.14rem; padding: 0.28rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.chat .chat-bottom .btn-top .btn-item { padding: 0.2rem; padding-left: 0; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }

.chat .chat-bottom .btn-top .btn-item img { width: 36px; height: 36px; margin-right: 10px; margin-top: 16px; vertical-align: top; }

.chat .chat-bottom .btn-top .btn-item .base { width: 5.74rem; }

.chat .chat-bottom .btn-top .btn-item .base .msg { color: #b2b2b2; font-size: 0.24rem; margin-bottom: 0.04rem; line-height: 0.28rem; height: 0.28rem; }

.chat .chat-bottom .btn-top .btn-item .base .per { height: 1.18rem; border: 1px solid #f0f0f0; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 0.26rem; word-break: break-word; padding: 0.2rem 0.3rem; border-radius: 0.06rem; line-height: 0.32rem; }

.chat .chat-bottom .btn-top .btn-item .base .pers { height: 5.42rem; padding: 0.2rem 0.3rem; border-radius: 0.06rem; -moz-box-sizing: border-box; box-sizing: border-box; border: 1px solid #f0f0f0; }

.chat .chat-bottom .btn-top .btn-item .base .pers .pers-top { height: 2.04rem; font-size: 0.26rem; color: #1d2754; word-break: break-word; overflow: hidden; }

.chat .chat-bottom .btn-top .btn-item .base .pers .pers-bottom { height: 2.98rem; }

.chat .chat-bottom .btn-top .btn-item .base .pers .pers-bottom .pers-one { margin-bottom: 8px; padding-bottom: 8px; border-bottom: 1px solid #e1e5f0; }

.chat .chat-bottom .btn-top .btn-item .base .pers .pers-bottom .pers-two { height: 0.34rem; margin-bottom: 0.1rem; font-size: 0.26rem; line-height: 0.34rem; color: #1d2754; }

.chat .chat-bottom .btn-top .btn-item .base .pers .pers-bottom .pers-three { height: 1.54rem; }

.chat .chat-bottom .btn-top .btn-item .base .pers .pers-bottom .pers-three p { height: 0.34rem; margin: 0.06rem 0; color: #1880ff; font-size: 0.26rem; cursor: pointer; line-height: 0.34rem; }

.chat .chat-bottom .btn-top .btn-item .base .pers .pers-bottom .pers-five { height: 0.34rem; margin: 0.16rem 0; font-size: 0.26rem; color: #9095ab; line-height: 0.34rem; }

.chat .chat-bottom .btn-top .btn-conter div { height: 0.64rem; font-size: 0.24rem; text-align: center; line-height: 16px; color: #999999; }

.chat .chat-bottom .btn-top .btn-conter div span { font-size: 0.24rem; }

.chat .chat-bottom .btn-top .btn-conter div p { color: #999999; height: 0.32rem; font-size: 0.24rem; text-align: center; line-height: 16px; }

.chat .chat-bottom .btn-top .btn-conter .may { height: 1.56rem; padding: 0.2rem 0 0.2rem 0.2rem; -moz-box-sizing: border-box; box-sizing: border-box; }

.chat .chat-bottom .btn-top .btn-conter .may p { height: 0.3rem; font-size: 0.24rem; color: #b2b2b2; text-align: right; }

.chat .chat-bottom .btn-top .btn-conter .may div { width: 1.04rem; height: 0.84rem; line-height: 0.84rem; background-color: #ff6600; border-radius: 0.1rem; text-align: center; float: right; font-size: 0.26rem; }

.chat .chat-bottom .btn-bottom { height: 1.8rem; padding: 0.1rem 0.2rem 0.1rem 0.28rem; border-top: 1px solid #dddddd; -moz-box-sizing: border-box; box-sizing: border-box; }

.chat .chat-bottom .btn-bottom .tip-top { height: 0.6rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; }

.chat .chat-bottom .btn-bottom .tip-top i { display: block; width: 0.48rem; height: 0.48rem; font-size: 0.4rem; margin: 0 0.22rem 0 0.1rem; color: #666666; }

.chat .chat-bottom .btn-bottom .tip-bottom { height: 1rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-align-items: center; -moz-box-align: center; -ms-flex-align: center; align-items: center; position: relative; }

.chat .chat-bottom .btn-bottom .tip-bottom .input { width: 6rem; height: 0.8rem; background-color: #f3f4f8; border: none; outline: none; font-size: 0.26rem; text-indent: 1em; }

.chat .chat-bottom .btn-bottom .tip-bottom .fs { width: 0.96rem; height: 0.6rem; background-color: #ff6600; font-size: 0.28rem; color: #fff; text-align: center; line-height: 0.6rem; border-radius: 0.06rem; }

.chat .chat-bottom .btn-bottom .xlitem { display: none; width: 7.46rem; height: 2.72rem; position: absolute; top: 380px; left: 1px; background: white; border-top: 1px solid #dddddd; z-index: 10; }

.chat .chat-bottom .btn-bottom .xlitem li { width: 0.5rem; height: 0.5rem; margin: 0.2rem; background: url("https://static.meiqia.com/widget/static/emoji@2x.png") no-repeat; float: left; vertical-align: middle; cursor: pointer; -o-background-size: cover; background-size: cover; -moz-box-sizing: border-box; box-sizing: border-box; }

.chat .chat-bottom .btn-bottom .zanitem { width: 7.5rem; height: 10.94rem; background-color: rgba(0, 0, 0, 0.35); position: absolute; left: 0; top: 1.2rem; z-index: 10; display: none; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top { width: 100%; height: 5.08rem; background-color: #fff; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-one { padding: 10px 30px 0px; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; text-align: center; font-size: 0.28rem; color: #666666; height: 0.58rem; line-height: 0.38rem; position: relative; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-one .gb { width: 0.4rem; height: 0.4rem; background: url("https://static.meiqia.com/widget/static/icon-desktop@2x.png")-2px-3.02273 no-repeat; position: absolute; right: 0.2rem; top: 0.2rem; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-two { height: 1.64rem; margin-top: 0.2rem; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; -webkit-justify-content: center; -moz-box-pack: center; -ms-flex-pack: center; justify-content: center; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-two .eval { width: 1.24rem; height: 1.64rem; padding: 0.2rem 0.1rem 0; -moz-box-sizing: border-box; box-sizing: border-box; color: #666666; font-size: 0.26rem; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-two .eval .evala-img { width: 0.8rem; height: 0.8rem; margin: 0 auto; background: url("https://static.meiqia.com/widget/static/icon-desktop@2x.png")-2px-7.04545 no-repeat; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-two .eval .eval-desc { height: 0.44rem; margin-top: 0.1rem; text-align: center; line-height: 0.44rem; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-two .eval .evalb-img { width: 0.8rem; height: 0.8rem; margin: 0 auto; background: url("https://static.meiqia.com/widget/static/icon-desktop@2x.png")-2px-8.04545 no-repeat; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-two .eval .evalc-img { width: 0.8rem; height: 0.8rem; margin: 0 auto; background: url("https://static.meiqia.com/widget/static/icon-desktop@2x.png")-2px-9.04545 no-repeat; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-three { height: 2.6rem; padding: 10px 20px 15px; -moz-box-sizing: border-box; box-sizing: border-box; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-three textarea { display: block; width: 6.7rem; height: 1.2rem; padding: 0.2rem; -moz-box-sizing: border-box; box-sizing: border-box; overflow-y: auto; resize: none; outline: none; border: 1px solid #ededed; font-size: 0.26rem; color: #666666; }

.chat .chat-bottom .btn-bottom .zanitem .zan-top .zan-three .zan-four { display: block; width: 100%; -moz-box-sizing: border-box; box-sizing: border-box; height: 0.7rem; margin-top: 0.2rem; border-radius: 0.06rem; background-color: #ff6600; font-size: 0.26rem; text-align: center; line-height: 0.7rem; color: #fff; }
